/*!
 * BlizzCMS
 *
 * An Open Source CMS for "World of Warcraft"
 *
 * This content is released under the MIT License (MIT)
 *
 * Copyright (c) 2017 - 2019, WoW-CMS
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 *
 * @author  WoW-CMS
 * @copyright  Copyright (c) 2017 - 2019, WoW-CMS.
 * @license https://opensource.org/licenses/MIT MIT License
 * @link    https://wow-cms.com
 * @since   Version 1.0.1
 * @filesource
 */

@font-face {
  font-family: 'Lobster';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/lobster-regular-webfont.woff2') format('woff2'), url('../fonts/lobster-regular-webfont.woff') format('woff');
}

html {
  background: transparent;
  color: #6a7a8c;
  font-family: -apple-system,BlinkMacSystemFont,"Roboto","Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

body {
  background-color: #f0f2f7;
}

.uk-h1,
.uk-h2,
.uk-h3,
.uk-h4,
.uk-h5,
.uk-h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #01102d;
  font-family: -apple-system,BlinkMacSystemFont,"Roboto","Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

.uk-container {
  max-width: 1150px;
}

.uk-background-primary {
  background-image: url('../images/bg-main.png');
  background-color: #090e40;
  background-repeat: no-repeat;
  background-position: center top;
}

.uk-navbar-container:not(.uk-navbar-transparent) {
  background: #fff;
  box-shadow: 1px 0 20px rgba(0, 0, 0, .06);
}

.uk-navbar-item,
.uk-navbar-nav > li > a,
.uk-navbar-toggle {
  font-family: -apple-system,BlinkMacSystemFont,"Roboto","Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  min-height: 60px;
}

.uk-navbar-toggle {
  color: #fff;
}
.uk-navbar-toggle.uk-open,
.uk-navbar-toggle:focus,
.uk-navbar-toggle:hover {
  background-color: #f0f2f7;
  color: #0077ef;
}

.uk-logo {
  font-family: 'Lobster', cursive;
  font-size: 35px;
  color: #fff;
  padding: 0 15px 0 0;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, .25);
}

.uk-logo:focus,
.uk-logo:hover {
  color: #fff;
}

.rev-label {
  display: inline-block;
  padding: 0 10px;
  background: #fff;
  line-height: 1.5;
  font-size: .75rem;
  font-weight: 700;
  color: #090e40;
  vertical-align: middle;
  white-space: nowrap;
  border-radius: 2px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .1);
  text-transform: uppercase;
}

header .uk-navbar-nav > li > a {
  background: transparent;
  border-bottom: 0;
  color: #fff;
  margin: 0;
  text-transform: none;
  transition: all ease-in .2s;
}

.uk-navbar-nav > li > a {
  background: transparent;
  border-bottom: 3px solid transparent;
  color: #777;
  margin: 0 5px;
  text-transform: none;
  transition: all ease-in .2s;
}

.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a.uk-open,
.uk-navbar-nav > li > a:focus {
  background-color: #fff;
  border-bottom-color: #0077ef;
  color: #0077ef;
}

.uk-navbar-nav > li > a:active {
  border-bottom-color: #0077ef;
  color: #0077ef;
}

.uk-navbar-nav > li.uk-active > a {
  border-bottom-color: #0077ef;
  color: #0077ef;
}

.uk-nav-parent-icon > .uk-parent > a::after {
  content: "";
  width: 1.5em;
  height: 1.5em;
  float: right;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0D%0A%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.uk-nav-parent-icon > .uk-parent.uk-open > a::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0D%0A%3C%2Fsvg%3E");
}

[class*="uk-navbar-dropdown-bottom"] {
  margin-top: 1px;
}

.uk-navbar-dropdown {
  border-radius: 0 0 4px 4px;
  box-shadow: 1px 0 20px rgba(0, 0, 0, .06);
  width: auto;
  min-width: 180px;
  padding: 0 0 4px 0;
}

.uk-navbar-dropdown-nav > li > a {
  color: #777;
  font-size: .8125rem;
  padding: 8px 16px;
  transition: all ease-in .15s;
}

.uk-navbar-dropdown-nav > li > a:hover,
.uk-navbar-dropdown-nav > li > a:focus {
  background: #f0f2f7;
  color: #0077ef;
}

.uk-navbar-dropdown-nav > li > a:hover .admin-subnav-icon,
.uk-navbar-dropdown-nav > li > a:focus .admin-subnav-icon {
  background: #0078ff;
  color: #fff;
}

.uk-offcanvas-bar .uk-nav-default > li {
  border-top: 1px solid rgba(255, 255, 255, .1);
}

.uk-offcanvas-bar .uk-nav-default > li:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.uk-offcanvas-bar .uk-nav-default > li > a {
  border-left: 5px solid transparent;
  color: #e9e9e9;
  padding: 15px 25px;
  transition: all ease-in-out .2s;
}

.uk-offcanvas-bar .uk-nav-default > li > a:focus,
.uk-offcanvas-bar .uk-nav-default > li > a:hover {
  background-color: rgba(255, 255, 255, .05);
  border-left-color: #0078ff;
  color: #fff;
}

.uk-offcanvas-bar .uk-nav-default > li.uk-active > a,
.uk-offcanvas-bar .uk-nav-default > li.uk-open > a {
  background-color: rgba(255, 255, 255, .05);
  border-left-color: #0078ff;
  color: #fff;
  box-shadow: 0 3px 10px 1px rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(255, 255, 255, .05);
}

.uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent > a::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0D%0A%3C%2Fsvg%3E");
}

.uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent.uk-open > a::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0D%0A%3C%2Fsvg%3E");
}

.admin-subnav-icon {
  display: inline-block;
  background: transparent;
  padding: 2px;
  font-size: .875rem;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  margin-right: 6px;
  border-radius: 2px;
  transition: all ease-in-out .2s;
}

.uk-offcanvas-bar {
  background-color: #090e40;
  padding: 0;
}

.uk-offcanvas-bar .uk-logo {
  color: #fff;
}

ul.uk-nav-sub {
  background: rgba(0, 0, 0, .03);
  padding: 0;
}

.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a {
  color: #e9e9e9;
  padding: 10px 15px;
  transition: all ease-in-out .2s;
}

.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:focus,
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover {
  background-color: rgba(255, 255, 255, .05);
  padding: 10px 25px;
  color: #fff;
}

.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:focus .admin-subnav-icon,
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover .admin-subnav-icon,
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub li.uk-active > a .admin-subnav-icon {
  background: #0078ff;
}

.uk-offcanvas-bar .uk-nav-default .uk-nav-sub li.uk-active > a {
  background-color: rgba(255, 255, 255, .05);
  color: #fff;
}

.profile-img {
  width: 36px;
  height: 36px;
  margin-right: 5px;
}

.uk-card-default {
  border-radius: 4px;
  box-shadow: 0 2px 15px -10px rgba(0, 0, 0, .4);
  color: #565656;
}

.uk-card-secondary {
  background-color: #090e40;
  border-radius: 4px;
  box-shadow: 0 2px 15px -10px rgba(0, 0, 0, .4), inset 0 1px 10px rgba(0, 0, 0, .15);
}

.uk-card-header {
  padding: 10px 20px;
}

.uk-card-body {
  padding: 15px;
}

.uk-card-footer {
  padding: 20px;
}

.uk-card-default .uk-card-header {
  background-color: #090e40;
  border-radius: 4px 4px 0 0;
  color: #fff;
}

.uk-card-default .uk-card-header .uk-h3,
.uk-card-default .uk-card-header .uk-h4,
.uk-card-default .uk-card-header .uk-h5 {
  color: #fff;
}

.uk-card-default .uk-icon-button {
  background: rgba(255, 255, 255, .15);
  border: 1px solid rgba(255, 255, 255, .2);
  width: 32px;
  height: 32px;
  color: #fff;
  transition: all ease-in .15s;
}

.uk-card-default .uk-icon-button:focus,
.uk-card-default .uk-icon-button:hover {
  background-color: #0078ff;
  color: #fff;
}

.uk-card-default .uk-active > .uk-icon-button,
.uk-card-default .uk-icon-button:active {
  background-color: #0078ff;
  color: #fff;
}

.uk-card-default.uk-card-body {
  padding: 0;
}

.uk-card-default .uk-h6 {
  font-size: 0.75rem;
}

.uk-card-secondary > :not([class*="uk-card-media"]) {
  color: #efefef;
}

.uk-card-secondary .uk-hr {
  border-top-style: dashed;
}

.uk-card-secondary.uk-card-body .uk-grid-divider > :not(.uk-first-column)::before {
  border-left-color: rgba(255, 255, 255, .1);
}

.uk-card-secondary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
  border-top-color: rgba(255, 255, 255, .1);
}

.uk-navbar-item .uk-icon-button {
  background: #0077ef;
  border: 2px solid rgba(255, 255, 255, .4);
  color: #fff;
  width: 35px;
  height: 35px;
  transition: all ease-in .15s;
}

.uk-navbar-item .uk-icon-button:focus,
.uk-navbar-item .uk-icon-button:hover {
  background: #006ad6;
  border-color: rgba(255, 255, 255, .2);
  color: #fff;
}

.uk-modal-dialog .uk-close {
  color: #fff;
}

.uk-modal-header {
  background: #161523;
  border-bottom: 1px solid rgba(255, 255, 255, .15);
}

.uk-modal-title {
  color: #fff;
  font-size: 1.7rem;
}

.uk-alert {
  border-radius: 4px;
  padding: 8px 16px;
}

.uk-heading-line > ::after, .uk-heading-line > ::before {
  top: calc(60% - (1px / 2));
  border-bottom-color: rgba(0, 0, 0, .075);
}

.uk-heading-bullet::before {
  border-left-color: #0077ef;
}

.uk-margin-xsmall-top {
  margin-top: 5px !important;
}

.uk-input,
.uk-select,
.uk-textarea {
  border-radius: 2px;
}

.uk-button {
  border-radius: 2px;
  font-weight: 700;
  line-height: 34px;
  padding: 2px 12px;
}

.uk-button-primary {
  background: #0077ef;
  border: 1px solid rgba(255, 255, 255, .1);
  transition: all ease-in .15s;
}

.uk-button-primary:focus,
.uk-button-primary:hover {
  background: #006ad6;
}

.uk-button-primary.uk-active,
.uk-button-primary:active {
  background: #006ad6;
}

.uk-button-danger {
  background: #ff2e2e;
  border: 1px solid rgba(255, 255, 255, .1);
  transition: all ease-in .15s;
}

.uk-button-danger:focus,
.uk-button-danger:hover {
  background: #ff1515;
}

.uk-button-danger.uk-active,
.uk-button-danger:active {
  background: #ff1515;
}

.uk-icon-button {
  background: #090e40;
  color: #fff;
  transition: all ease-in .15s;
}

.uk-icon-button:focus,
.uk-icon-button:hover {
  background: #006ad6;
  color: #fff;
}

.uk-text-primary {
  color: #0077ef !important;
}

.uk-text-success {
  color: #32d239 !important;
}

.uk-text-warning {
  color: #ff8a2e !important;
}

.uk-text-danger {
  color: #ff2e2e !important;
}

.uk-table th {
  background: #090e40;
  color: #fff;
}

.uk-table th:first-child {
  border-radius: 4px 0 0 0;
}

.uk-table th:last-child {
  border-radius: 0 4px 0 0;
}

.uk-table-hover tbody tr:hover,
.uk-table-hover > tr:hover {
  background: rgba(223, 232, 240, .2);
}

.uk-table tbody tr.uk-active,
.uk-table > tr.uk-active {
  background: rgba(223, 232, 240, .2);
}

.uk-pagination > * {
  padding-left: 8px;
}

.uk-pagination > * > * {
  display: flex;
  background: #090e40;
  border-radius: 50%;
  color: #fff;
  font-size: .9375rem;
  font-weight: 700;
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
  transition: all ease-in-out .15s;
}

.uk-pagination > * > :focus,
.uk-pagination > * > :hover {
  color: #fff;
  background-color: #006ad6;
}

.uk-pagination > .uk-active > * {
  color: #fff;
  background-color: #006ad6;
}

.uk-nav-default {
  font-size: 0.875rem;
}

.uk-nav-default > li > a {
  border-top: 1px solid rgba(255, 255, 255, .075);
  border-left: 4px solid transparent;
  color: #e9e9e9;
  padding: 10px 25px;
  transition: all ease-in-out .2s;
}

.uk-nav-default > li:first-child > a {
  border-radius: 4px 4px 0 0;
}

.uk-nav-default > li:last-child > a {
  border-radius: 0 0 4px 4px;
}

.uk-nav-default > li > a:hover,
.uk-nav-default > li > a:focus {
  background-color: rgba(255, 255, 255, .05);
  border-left-color: #0077ef;
  color: #fff;
}

.uk-nav-default > li.uk-active > a {
  background-color: rgba(255, 255, 255, .05);
  border-left-color: #0077ef;
  color: #fff;
}

@media screen and (max-width: 640px) {
  table .uk-width-medium .uk-input {
    min-width: 200px;
  }
  table .uk-width-small .uk-input {
    min-width: 100px;
  }
}
